﻿<!doctype html>
<html class="no-js" lang="en" xmlns:th="http://www.thymeleaf.org"
      xmlns:sec="http://www.thymeleaf.org/extras/spring-security">

<head th:replace="~{/public::public-head}">
</head>

<body class="template-color-1">


    <div id="main-wrapper">
        <div th:insert="~{/public::navigate}"></div>
        <div style="height: 100px; border-bottom: 1px solid #e2e4ea"></div>
        <div th:insert="~{/public::sideBillboard}"></div>

        <!-- Breadcrumb Section Start -->
        <div class="breadcrumb-section section bg_color--5 pt-60 pt-sm-50 pt-xs-40 pb-60 pb-sm-50 pb-xs-40">
            <div class="container">
                <div class="row">
                    <div class="col-12">
                        <div class="page-breadcrumb-content">
                            <ul class="page-breadcrumb">
                                <li><a th:href="@{/home/homepage}">主页</a></li>
                                <li>工作列表</li>
                            </ul>
                            <h1>工作列表</h1>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- Breadcrumb Section Start -->

        <!-- Job Listing Section Start -->
        <div class="job-listing-section section bg_color--5 pb-120 pb-lg-100 pb-md-80 pb-sm-60 pb-xs-50">
            <div class="container">
                <div class="row no-gutters">
                    <input id="searchValue" th:value="${{searchValue}}" hidden>
                    <div sec:authorize="isAuthenticated()" sec:authentication="principal.userId"
                         type="text" id="userId" hidden></div>
                    <div class="col-lg-4 order-lg-1 order-2 pr-55 pr-md-15 pr-sm-15 pr-xs-15">
                        <div class="sidebar-wrapper-two mt-sm-40 mt-xs-40">
                            <div class="common-sidebar-widget sidebar-two">
                                <h2 class="sidebar-title">找职位</h2>
                                <div class="sidebar-search-form-two">
                                    <form >
                                        <div class="input-group">
                                            <input type="text" id="search" placeholder="搜索...">
                                            <i class="lnr lnr-magnifier"></i>
                                        </div>
                                        <button class="ht-btn theme-btn theme-btn-two w-100" onclick="click_search();return false;">搜索</button>
                                    </form>
                                </div>
                            </div>
                            <!-- 本公司的岗位（需要加权限） -->
                            <div class="common-sidebar-widget sidebar-two">
                                <h2 class="sidebar-title">是否是本公司的岗位</h2>
                                <ul class="sidebar-cbx-list background" onchange ="click_isMyCompany()">
                                    <li>
                                        <div class="filter-name-item">
                                            <input checked="" value="0" type="radio" name="isMyCompany" >
                                            <label> 不限 </label>
                                        </div>
                                    </li>
                                    <li>
                                        <div class="filter-name-item">
                                            <input type="radio" value="1" name="isMyCompany">
                                            <label> 本公司的岗位 </label>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                            <!-- 地理位置（工作城市） -->
                            <div class="common-sidebar-widget sidebar-two">
                                <h2 class="sidebar-title">工作城市</h2>
                                <div class="sidebar-location-form">
                                    <form action="#">
                                        <div class="input-group">
                                            <input type="text" id="position" placeholder="输入位置" onchange="click_position()">
                                            <i class="far fa-dot-circle"></i>
                                        </div>
                                    </form>
                                </div>
                            </div>
                            <!-- 工资 -->
                            <div class="common-sidebar-widget sidebar-two">
                                <h2 class="sidebar-title">薪水</h2>
                                <div class="sidebar-salary">
                                    <div class="salary-range-group">
                                        <label style="margin-right: 0px;">薪水范围：</label>
                                        ￥&nbsp;
                                        <input type="text" id="salary-min" class="salary-amount col-md-2" style="text-align: center;border-bottom: 1px solid black" placeholder="最低" onchange="click_minSalary()">
                                        &nbsp;~&nbsp;
                                        <input type="text" id="salary-max" class="salary-amount col-md-2" style="text-align: center;border-bottom: 1px solid black" placeholder="最高" onchange="click_maxSalary()">
                                    </div>
                                    <div id="salary-error" style="text-align: center; color: red; height: 35px"></div>
                                    <div  style="margin: -20px 0 0 40px;" id="salary_util">
                                        <select class="nice-select mySelect"
                                                onchange="click_salaryUtil()">
                                        </select>
                                    </div>
                                    <button class="ht-btn theme-btn theme-btn-two w-30" style="padding:5px 10px 5px 10px;float: right;"
                                            onclick="salary_clean()"> 清除 </button>
                                </div>
                            </div>
                            <!-- 工作经验 -->
                            <div class="common-sidebar-widget sidebar-two">
                                <h2 class="sidebar-title">经验</h2>
                                <ul class="sidebar-cbx-list background" id="experienceList" onchange ="click_experience()">
                                	<li>
                                        <div class="filter-name-item">
                                            <input checked="" value="" type="radio" name="experience" >
                                            <label> 不限 </label>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                            <!-- 学历要求 -->
                            <div class="common-sidebar-widget sidebar-two">
                                <h2 class="sidebar-title">学历要求</h2>
                                <ul class="sidebar-cbx-list" id="educationList" onchange="click_education()">
                                    <li>
                                        <div class="filter-name-item">
                                            <input checked="" value="" type="radio" name="education">
                                            <label> 不限 </label>
                                        </div>
                                    </li>
                                </ul>
                            </div>

                            <div class="common-sidebar-widget sidebar-two">
                                <div class="sidbar-image">
                                    <a href="#">
                                        <img th:src="@{/images/banner/ads.jpg}" alt="">
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="col-lg-8 order-lg-2 order-1">
                        <div class="filter-form">
                            <div class="result-sorting">
                                <div class="total-result">
                                    <span class="total">(<span id="total"></span>)&nbsp;</span>
                                    工作与空缺
                                </div>
                            </div>
                        </div>
                        <div class="tab-content">
                            <div id="list" class="tab-pane fade active show">
                                <div class="row" id="jobsList">


                                </div>
                                <div class="row">
                                    <div class="col-12">
                                        <div id="page" class="page_div"></div>
                                    </div>
                                </div>
                            </div>
                        </div>

                    </div>

                </div>
            </div>
        </div>

        <div th:insert="~{/public::footer}"></div>

    </div>
</body>
<div th:replace="~{/public::public-js}"></div>
<script th:src="@{/js/myjob/job/jobListing.js}"></script>

</html>
